<template>
    <div class='logon-page'>
        <div class="top">
            <header>
                <img class='zyy' src='~/assets/images/logo-zyy.png' alt=''>
                <img class='tzy' src='~/assets/images/logo-tzy.png' alt=''>
            </header>
            <nuxt />
        </div>
        <footer>Copyright 2021 成都天作云科技有限公司 All Rights Reserved 蜀ICP备 20011376号-2</footer>
    </div>
</template>

<script>
export default {
    name: 'LoginLayout'
}
</script>

<style scoped lang='less'>
.logon-page {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .top{
      width: 100%;
      height: 7.93rem;
      background-image: url("~assets/images/login/bg.png");
      background-size: 100% 7.93rem;
      background-repeat: no-repeat;
      header {
        padding-top: 0.4rem;
        padding-bottom: 0.62rem;
        .zyy {
          display: inline-block;
          width: 1.55rem;
          height: .33rem;
          margin-left: .67rem;
        }
        .tzy {
          display: inline-block;
          width: 2.41rem;
          height: .37rem;
          margin-left: .22rem;
        }
      }
    }
    footer {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-family: "PingFang SC";
        color: #78808D;
        background: linear-gradient(180deg, #F9FCFF 0%, #AEC2D7 100%);
    }
}
</style>
